// // function bgMove(Tip) {

// //     // let moveTip = {
// //     //     jump : Tip.jump || 10  ,
// //     //     bgImgurl : Tip.bgImgurl || "bg1.png"  ,
// //     // }
// //     // let moveBg = document.getElementById("move")
// //     // console.log(moveBg)
// //     // moveBg.style.backgroundImage = "url(" + moveTip.bgImgurl + ")"

// //     window.onload = function () {
// //         let moveBg = document.getElementById("move")
// //         let moveL = document.getElementById("moveL")
// //         let moveR = document.getElementById("moveR")
// //         let body = document.getElementsByTagName("body")

// //         let width  = window.innerWidth
// //         let bgImg = new Image()
// //         bgImg.src = moveTip.bgImgurl
// //         let ImgW = bgImg.width - moveTip.jump * 1.5 
// //         console.log(width)
// //         console.log(ImgW)
// //         let num = 0
// //         let moveInterL
// //         moveL.onmouseover = function () {
// //             clearInterval(moveInterR)
// //             clearInterval(moveInterL)
// //         }
// //         let moveInterR
// //         moveL.onmouseout = function () {
// //           let moveInterR
// //           moveInterR = setInterval(function () {
// //               // if (num >= ImgW - width) { 
// //               num += moveTip.jump
// //               moveBg.style.backgroundPositionX = -num + "px"
// //           },15)
// //         }
// //         // moveInterR = setInterval(function () {
// //         //     if (num >= ImgW - width) {
// //         //         clearInterval(moveInterR)
// //         //     }
// //         //     num += moveTip.jump
// //         //     moveBg.style.backgroundPositionX = -num + "px"
// //         // },15)
// //         body[0].onmouseout = function () {
// //             clearInterval(moveInterR)
// //             clearInterval(moveInterL)
// //         }
// //     }
// // }


// // 开始
// // function start() {
// //   // 婴儿是否到达最右边
// //   $('#startBtn').css("display", "none")
// //   $('#content').css("display", "none")
// //   $('#content').removeClass('animated zoomInUp')
// //   $('#content').removeClass('animated zoomOutUp')
// //   if (left < document.body.clientWidth - baby.clientWidth) {
// //     moveBaby = setInterval(function () {
// //       // $('.content').removeClass('animated zoomOutUp')
// //       if (left < moveBabyNum && left < document.body.clientWidth - baby.clientWidth) {
// //         left += 1
// //         baby.style.left = left + "px"
// //       }
// //       else {
// //         // $('.content').removeClass('animated zoomInUp')
// //         // $('.content').addClass('animated zoomOutUp')
// //         // $('.content').css("display", "none")
// //         $('#content').addClass('animated zoomInUp')
// //         $('#content').css("display", "block")
// //         clearInterval(moveBaby)
// //         clearInterval(moveInterR)
// //         moveBabyNum += toBabyRight
// //       }
// //     },15)
// //     moveInterR = setInterval(function () {
// //         num += 10
// //         moveBg.style.backgroundPositionX = -num + "px"
// //     },15)
// //   }
// // }
// // function stop() {
// //   $('#startBtn').css("display", "block")
// //   $('#content').removeClass('animated zoomInUp')
// //   $('#content').addClass('animated zoomOutUp')
// // }

// let moveInterR
// let moveBaby
// let moveContent
// let moveBgImg
// let moveBg = document.getElementById("move")
// let baby = document.getElementById("baby")
// let bgImgBody = document.getElementById("bgImg")
// let width = window.innerWidth
// let bgImg = new Image()
// bgImg.src = "bg1.png"
// let toBabyRight = (document.body.clientWidth - baby.clientWidth) / 8
// let moveBabyNum = toBabyRight
// let num = 0
// let left = 0
// let answerNowNum = 0

// function timeout(ms) {
//   return new Promise((resolve, reject) => {
//     if (left < document.body.clientWidth - baby.clientWidth) {
//       moveBaby = setInterval(function () {
//         if (left < moveBabyNum) {
//           left += 1
//           baby.style.left = left + "px"
//         }
//         else {
//           moveBabyNum += toBabyRight
//           resolve('success')
//         }
//       }, ms)
//       moveBgImg = setInterval(function () {
//         num += 1
//         bgImgBody.style.left = -num + "px"
//       }, 15)
//     } else {
//       resolve('fail')
//     }
//   })
// }

// function start1() {
//   console.log(left + ' , ' + num)
//   $('#content').removeClass('animated zoomInUp')
//   $('#content').addClass('animated zoomOutUp')
//   timeout(15).then((value) => {
//     if (value === 'success') {
//       $('#content').removeClass('animated zoomOutUp')
//       $('#content').addClass('animated zoomInUp')
//       $('#content').css("display", "block")
//       $('#title').text(answer.rows[answerNowNum].title)
//       clearInterval(moveBaby)
//       clearInterval(moveInterR)
//       clearInterval(moveBgImg)
//       answerNowNum++
//     } else if (value === 'fail') {
//       window.location.href = "answer.html"
//     }
//   })
// }

// window.onload = function () {
//   start1()
// }

// let answer = {
//   "rows": [
//     {
//       "question_id": 1,
//       "title": "问题1",
//       "url": "",
//       "options": [
//         {
//           "option_id": 1,
//           "title": "答案1"
//         },
//         {
//           "option_id": 2,
//           "title": "答案2"
//         },
//         {
//           "option_id": 3,
//           "title": "答案3"
//         }
//       ]
//     },
//     {
//       "question_id": 2,
//       "title": "问题2",
//       "url": "",
//       "options": [
//         {
//           "option_id": 4,
//           "title": "答案1"
//         },
//         {
//           "option_id": 5,
//           "title": "答案2"
//         },
//         {
//           "option_id": 6,
//           "title": "答案3"
//         }
//       ]
//     },
//     {
//       "question_id": 3,
//       "title": "问题3",
//       "url": "",
//       "options": [
//         {
//           "option_id": 7,
//           "title": "答案1"
//         },
//         {
//           "option_id": 8,
//           "title": "答案2"
//         },
//         {
//           "option_id": 9,
//           "title": "答案3"
//         }
//       ]
//     },
//     {
//       "question_id": 4,
//       "title": "问题4",
//       "url": "",
//       "options": [
//         {
//           "option_id": 10,
//           "title": "答案1"
//         },
//         {
//           "option_id": 11,
//           "title": "答案2"
//         },
//         {
//           "option_id": 12,
//           "title": "答案3"
//         }
//       ]
//     },
//     {
//       "question_id": 5,
//       "title": "问题5",
//       "url": "",
//       "options": [
//         {
//           "option_id": 13,
//           "title": "答案1"
//         },
//         {
//           "option_id": 14,
//           "title": "答案2"
//         },
//         {
//           "option_id": 15,
//           "title": "答案3"
//         }
//       ]
//     },
//     {
//       "question_id": 6,
//       "title": "问题6",
//       "url": "",
//       "options": [
//         {
//           "option_id": 16,
//           "title": "答案1"
//         },
//         {
//           "option_id": 17,
//           "title": "答案2"
//         },
//         {
//           "option_id": 18,
//           "title": "答案3"
//         }
//       ]
//     },
//     {
//       "question_id": 7,
//       "title": "问题7",
//       "url": "",
//       "options": [
//         {
//           "option_id": 19,
//           "title": "答案1"
//         },
//         {
//           "option_id": 20,
//           "title": "答案2"
//         },
//         {
//           "option_id": 21,
//           "title": "答案3"
//         }
//       ]
//     },
//     {
//       "question_id": 8,
//       "title": "问题8",
//       "url": "",
//       "options": [
//         {
//           "option_id": 22,
//           "title": "答案1"
//         },
//         {
//           "option_id": 23,
//           "title": "答案2"
//         },
//         {
//           "option_id": 24,
//           "title": "答案3"
//         }
//       ]
//     }
//   ]
// }

var answerArr = []
var babyWith = 1
var $div = '<div class="answer"></div>'
// 当前时间
var current = new Date().getTime();
//  2018/4/26之后的一星期
var Expiration = new Date("2018.5.3").getTime();

// 碰撞次数
var i = 1
var obj = {
  subscribe: 1,
  openid: "oBY6UuEC0TO2_7UImdgwqG5zeTnQ",
  nickname: "习大大",
  sex: 1,
  language: "zh_CN",
  city: "信阳",
  province: "河南",
  country: "中国",
  headimgurl:
    "http://thirdwx.qlogo.cn/mmopen/4fyEt6nspFIwk0zuQ7uMvlYSx26g6VsoZe1dc20DCCz1k8MNFYwpyP1HR5TLj5JtibgBG9icv4yhUu88kGKB6xcIupSgSmnoJH/132",
  subscribe_time: 1524713541,
  unionid: "oEdAewU2tQXx2QVYx_BU3_LIphy0",
  remark: "",
  groupid: 0,
  tagid_list: [],
  subscribe_scene: "ADD_SCENE_QR_CODE",
  qr_scene: 4,
  qr_scene_str: "",
  extra: 3232238081
};

// window.onload = function () {
//   alert('12312')
//   move(i)
//   // 隐藏微信菜单
//   wx.hideOptionMenu();
//   // 访问统计
//   statistical("5", "c", "");
//   // 访问用户信息
//   user(obj);
// }
$(function () {
  move(i)
  // 隐藏微信菜单
  wx.hideOptionMenu();
  // 访问统计
  statistical("5", "c", "");
  // 访问用户信息
  user(obj);
})
// 碰撞动画
function move(index) {
  // $("#baby").animate({ left: babyWith + 0.2 * index + 'rem' }, 1000, function () {
  // // $("#bgImg_test").animate({ left: babyWith + 0.2 * index + 'rem' }, 1000, function () {
  //   // 碰撞次数判断
    if (i > 8) {
      $('#content').addClass('animated zoomOutUp')
      $('#content').removeClass('zoomInUp')
      $('.light').css("display", "none")
    } else {
      $("#qBg").removeClass("q" + parseInt(i - 1));
      $("#qBg").addClass("q" + parseInt(i));
      $('#content').addClass('animated zoomInUp')
      $('#content').removeClass('zoomOutUp')
      $('#content').css("display", "block")
      // for (var i = 0; i < 3; i++) {
      //   $('.answer_groud').append('<div class="answer" id="' + i + '"></div>');
      // }
      window.setTimeout(function () {
        $('.light').css("display", "block")
      }, 500)
    }
  // })
  // $("#bgImg").animate({ left: -(1.3 * index - babyWith) + 'rem' }, 1000)
}

var answer = {
  "code": 0,
  "msg": "请求成功",
  "meta": {
    "answer": {
      "id": "4",
      "title": "差",
      "url": "image/bg1.png",
      "min_score": "0",
      "max_score": "40",
      "created_at": "",
      "updated_at": ""
    }
  }
}
// 点击事件
$(document).on('click', '.answer', function (num) {
  if (i < 8) {
    $('#content').removeClass('zoomInUp')
    $('#content').addClass('animated zoomOutUp')
    $('.light').css("display", "none")
    $(".answer_groud").empty()
    answerArr.push(i + '_' + num.target.id)
    i += 1
    move(i)
  } else {
    // 打开微信菜单
    wx.showOptionMenu();
    // window.location.href = "answer.html"
    answerArr.push(i + '_' + num.target.id)
    $('.share').css("display", "block")
    // 答案列表
    var answers = answerArr.toString()

    // 请求结果
    // $.ajax({
    //   type: "POST",
    //   url: "/index.php?a=answer",
    //   data: "results=" + answers,
    //   success: function (data) {
    //     console.log(data.meta.url)
    //     $(".answer_bg").attr("src", data.meta.url);
    //     $('.test_main').css("display", "none")
    //     $('.answer_main').css("display", "block")
    //   }
    // })
  }
})

$('.share').click(
  function () {
    $('.test_main').css("display", "none")
    $(".answer_bg").attr("src", answer.meta.url);
    $('.answer_main').css("display", "block")
  }
)

wx.ready(function () {

  wx.onMenuShareAppMessage({
    title: '', // 分享标题
    link: '', // 分享链接
    desc: '', // 分享描述
    imgUrl: '', // 分享图标
    success: function () {
      // 用户确认分享后执行的回调函数
      $('.test_main').css("display", "none")
      $('.answer_main').css("display", "block")
    },
    cancel: function () {
      // 用户取消分享后执行的回调函数
    },
    trigger: function () {

    }
  })

  wx.onMenuShareTimeline({
    title: '', // 分享标题
    link: '', // 分享链接
    desc: '', // 分享描述
    imgUrl: '', // 分享图标
    success: function () {
      // 用户确认分享后执行的回调函数
      $('.test_main').css("display", "none")
      $('.answer_main').css("display", "block")
    },
    cancel: function () {
      // 用户取消分享后执行的回调函数
    },
    trigger: function () {

    }
  })
})
// 访问统计
function statistical(n, e, i) {
  // 当前时间是2018.5.3之后就触发
  if (current < Expiration) {
    $.ajax({
      type: "POST",
      url:
        " http://97302988.ngrok.io/c/psc-v",
      data: {
        n: n, // 埋点编号
        e: e, // 事件 c:点击 v:访问
        i: i // 微信open_id
      },
      success: function(res) {
        console.log(res);
      }
    });
  }
}
// 访问用户信息
function user(object) {
  if (current < Expiration) {
    $.ajax({
      type: "POST",
      async: true,
      url: "http://97302988.ngrok.io/c/psc-u",
      data: {
        subscribe: object.subscribe,
        openid: object.openid,
        nickname: object.nickname,
        sex: object.sex,
        language: object.language,
        city: object.city,
        province: object.province,
        headimgurl: object.headimgurl,
        subscribe_time: object.subscribe_time,
        unionid: object.unionid,
        remark: object.remark,
        groupid: object.groupid,
        subscribe_scene: object.subscribe_scene,
        qr_scene: object.qr_scene,
        qr_scene_str: object.qr_scene_str,
        extra: object.extra
      },
      success: function(res) {
        console.log(res);
      }
    });
  }
}